a:active {
    star: expression(this.onFocus=this.blur());
}

a:focus,
button:focus {
    outline: none;
    -moz-outline: none;
}

:focus {
    outline: none;
}

/*Reset Css*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
img,
area,
param {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

html,
body {
    margin: 0;
    padding: 0;
    font-family: "思源黑体 CN", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    -webkit-text-size-adjust: none;
    /*Google Chrome*/
}

input,
button,
select,
textarea {
    font-family: "思源黑体 CN", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

select {
    *behavior: url("select.htc");
}

/*IE6,IE7select*/
ol,
ul {
    padding-left: 0;
    list-style: none;
}

img {
    border: none;
    display: inline-block;
    vertical-align: middle;
}

th {
    font-style: normal;
    font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-size: 100%;
    font-weight: normal;
}

input {
    display: inline-block;
    vertical-align: middle;
    color: #666;
}

fieldset {
    border: none;
}

legend {
    display: none;
}

/*Clear Css*/
.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}

.clearfix:after {
    content: '\20';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearb {
    clear: both;
}

.clearfix {
    display: block;
    zoom: 1;
}

* html .clearfix {
    height: 1%;
}

/*Common Css*/
body {
    font-size: 12px;
    padding-top: 0.9rem;
}

a {
    text-decoration: none;
}

.fl {
    float: left;
    _display: inline;
}

.fr {
    float: right;
    _display: inline;
}

::-ms-clear,
::-ms-reveal {
    display: none;
}

input[type=button],
input[type=submit],
input[type=reset],
select {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

a:focus,
a:hover {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: all 0.3s linear;
}

.swiper-button-next,
.swiper-button-prev {
    z-index: 3 !important;
}

textarea {
    resize: none;
}


.table {
    height: 100%;
    display: table;
    width: 100%;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}

.textover {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

input::placeholder {
    color: #666;
}

input:-ms-input-placeholder {
    color: #666 !important;
}

input::-webkit-input-placeholder {
    color: #666;
}

/* Firefox 4-18 */
input:-moz-placeholder {
    color: #666;
}

/* Firefox 19-50 */
input::-moz-placeholder {
    color: #ccc;
}

/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
input:-ms-input-placeholder {
    color: #666 !important;
}

/* Edge (also supports ::-webkit-input-placeholder) */
input::-ms-input-placeholder {
    color: #666;
}

/* CSS Working Draft */
input::placeholder {
    color: #666;
}

img {
    width: 100%;
}

@media (max-width:6000px) {
    html {
        font-size: calc(100vw/19.2) !important;
    }
}

@media (max-width:1024px) {
    html {
        font-size: calc(100vw/7.5) !important;
        text-size-adjust: none;
        -webkit-text-size-adjust: none;
    }
}



/*首页*/
.w_1720 {
    width: 89.58%;
    margin: 0 auto;
}

.w_1520 {
    width: 79.16%;
    margin: 0 auto;
}

.w_1300 {
    width: 67.7%;
    margin: 0 auto;
}

.header {
    height: 0.9rem;
    width: 100%;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 90;
}

.header .w_1720 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.swiper-container-all {
    height: calc(100% - 0.9rem);
    margin-top: 0.9rem;
}


.logo {
    width: 1.99rem;
    order: 0;
}

.nav {
    display: flex;
    height: 100%;
    order: 1;
}

.nav h2 {
    margin: 0 0.6rem;
    position: relative;
    height: 100%;
}
.nav h2 b{display: none;}
.nav h2 b img{transition: all 0.3s linear;}
.nav h2 b.on img{transform: rotate(90deg);}

.nav a {
    font-size: 0.18rem;
    color: #676767;
}

.nav a:hover {
    color: #003b91;
    font-weight: 500;
}

.nav_2 {
    width: 1.5rem;
    background: #fff;
    border-radius: 0 0 0.1rem 0.1rem;
    padding: 0.14rem 0.1rem;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 0.9rem;
    margin-left: -0.75rem;
    display: none;

}

.nav_2 a {
    display: block;
    line-height: 0.36rem;
    font-size: 0.16rem;
    text-align: center;
}

.nav_2.on {
    display: block;
}

.nav_2 a:hover {
    background: #002d89;
    color: #fff;
}

.nav h2 a {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.nav h2 a span {
    display: flex;
    height: 100%;
    align-items: center;
}

.nav h2 b {
    display: none;
}

.lan {
    position: relative;
    order: 2;
}

.lan_con {
    width: 1.43rem;
    height: 0.34rem;
    border: 1px solid #cccccc;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.14rem 0 0.2rem;
    box-sizing: border-box;
}

.lan_con img {
    width: 0.17rem;
}

.lan_con span {
    font-size: 0.18rem;
    color: #000000;
    width: 0.6rem;
    margin-left: 0.1rem;
}

.lan_sel {
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 0 0 4px 4px;
    border-top: none;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: -10%;
    transform: translateY(100%);
    display: none;
    background: #fff;
}

.lan_sel dl dd {
    font-size: 0.18rem;
    color: #000;
    padding: 0.06rem 0.24rem;
    box-sizing: border-box;
}

.lan_sel dl dd a {
    color: #000;
}

.search {
    width: 0.5rem;
    height: 0.5rem;
    background: #002d89;
    border-radius: 100%;
    position: relative;
    order: 3;
}

.search img {
    width: 0.2rem;
    position: relative;
    z-index: 3;
}

.search::after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: #676767;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s linear;
    border-radius: 100%;
}

.search:hover::after {
    width: 100%;
    height: 100%;
}

.search a {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.ban {
    width: 100%;
}

.swiper-container-a {
    position: relative;
}

.swiper-container-a .swiper-slide {
    position: relative;
}

.ban_prev,.ban_next{width: 0.6rem;height: 0.6rem;background:rgba(0,0,0,0.3);border-radius:0.6rem;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s linear;top:40%;margin-top:-0.3rem;}
.ban_prev:hover,.ban_next:hover{background: #002d89;}
.ban_prev img,.ban_next img{width: 0.3rem;}
.ban_prev{left:5%;transform: translateX(-200px);}
.ban_next{right:5%;transform: translateX(200px);}
.ban:hover .ban_prev,.ban:hover .ban_next{transform: translateX(0);}
.ban_xb {
    position: absolute;
    left: -5%;
    bottom: 3.3rem;
    opacity: 0;
    transform: translateX(-50px);
    transition: all 0.5s ease-in;
}

.swiper-container-a .swiper-slide-active .ban_xb {
    opacity: 1;
    transform: translateX(0);
}

.ban_xb span {
    display: block;
    width: 7.38rem;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 0.18rem;
    color: #fff;
    font-family: 'Arial';
    text-transform: uppercase;
    letter-spacing: 2px;
    transform: rotate(90deg);
    padding-top: 0.27rem;
}

.ban_js {
    position: absolute;
    left: 19.9%;
    top: 2.3rem;
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.7s linear;
}

.swiper-container-a .swiper-slide-active .ban_js {
    opacity: 1;
    transform: translateY(0);
}

.ban_js h2 {
    font-size: 0.6rem;
    color: #ffffff;
    font-weight: bold;
}

.ban_js p {
    font-size: 0.3rem;
    color: #ffffff;
    font-weight: lighter;
    padding: 0.26rem 0 1.6rem 0;
}

.ban_js a {
    display: block;
    width: 2rem;
    height: 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-sizing: border-box;
    font-size: 0.18rem;
    color: #ffffff;
    line-height: 0.5rem;
    text-align: center;
    position: relative;
    transition: all 0.5s linear;
}

.ban_js a::after {
    display: block;
    content: '';
    width: 0;
    height: 100%;
    background: #002d89;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s linear;
}

.ban_js a:hover::after {
    width: 100%;
}

.ban_js a span {
    position: relative;
    z-index: 3;
}

.ban_js a:hover {
    border-color: #002d89;
}

.ban_s {
    width: 4rem;
    position: absolute;
    right: 17.9%;
    top: 3.26rem;
}

.ban_s img {
    border-radius: 100%;
    position: relative;
    z-index: 5;
}

.ban_s::before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100%;
    animation: circle-opacity 1.6s infinite cubic-bezier(0, 0, .49, 1.02);
    -webkit-animation: circle-opacity 1.6s infinite cubic-bezier(0, 0, .49, 1.02);
    animation-delay: 200ms;
    -webkit-animation-delay: 200ms;
    border-radius: 100%;
    background: rgba(0, 180, 255, .2)
}

.ban_s::after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100%;
    animation: circle-opacity02 1.6s infinite cubic-bezier(0, 0, .49, 1.02);
    -webkit-animation: circle-opacity02 1.6s infinite cubic-bezier(0, 0, .49, 1.02);
    animation-delay: 200ms;
    -webkit-animation-delay: 200ms;
    border-radius: 100%;
    background: rgba(0, 180, 255, .2)
}

.swiper-container-a .swiper-pagination {
    position: absolute !important;
    left: 19.9%;
    bottom: 2.36rem;
    text-align: left;
    z-index: 30;
}

.swiper-container-a .swiper-pagination .swiper-pagination-bullet {
    width: 0.12rem;
    height: 0.12rem;
    background: none;
    border: 2px solid rgba(255, 255, 255, 0.5);
    margin-right: 0.13rem;
    opacity: 1;
}

.swiper-container-a .swiper-pagination .swiper-pagination-bullet-active {
    border-color: #fff;
}

.pro {
    position: relative;
    background: #f8f8f8;
    overflow: hidden;
    height: calc(100vh - 0.9rem);
}

.pro::after {
    display: block;
    width: 3.45rem;
    height: 6.38rem;
    content: '';
    background: url(../img/pro_bg.png) no-repeat center center/100% 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.tit {
    text-align: center;
    padding: 0.4rem 0 0.1rem 0;
}

.tit h2 {
    font-size: 0.36rem;
    color: #002d89;
    font-weight: bold;
    font-family: 'Arial';
    text-transform: uppercase;
    line-height: 0.48rem;
}

.tit h2 span {
    font-weight: normal;
}

.pro_wzjs {
    font-size: 0.18rem;
    color: #4c4c4c;
    line-height: 0.22rem;
    text-align: center;
}

.swiper-container-b {
    margin: 0.36rem auto 0.76rem auto;
    overflow: hidden;
}
.swiper-container-b .swiper-wrapper{justify-content: center;}

.swiper-container-b .swiper-slide {
    position: relative;
}

/*.pro_bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
}*/

.pro_js {
    width: 100%;
    background: rgba(0, 67, 150, 0.7);
    padding: 0.28rem;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(0.8rem);
    transition: all 0.5s linear;
}

.pro_js h2 {
    font-size: 0.24rem;
    color: #fff;
    font-weight: bold;
    padding-bottom: 0.26rem;
}

.pro_js p {
    font-size: 0.18rem;
    color: #fff;
    font-family: 'Arial';
    padding: 0.1rem 0 0.26rem 0;
}

.pro_js a {
    display: block;
    width: 2rem;
    height: 0.5rem;
    border: 1px solid #a3bbd9;
    box-sizing: border-box;
    font-size: 0.18rem;
    color: #fff;
    line-height: 0.5rem;
    text-align: center;
    position: relative;
}

.pro_js a span {
    position: relative;
    z-index: 5;
}

.pro_js a::after {
    display: block;
    content: '';
    width: 0;
    height: 100%;
    background: #002d89;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s linear;
}

.pro_js a:hover::after {
    width: 100%;
}

.swiper-container-b .swiper-slide:hover .pro_js {
    transform: translateY(0);
    background: rgba(0, 67, 150, 0.5);
}

.swiper-container-b .swiper-slide:hover .pro_bg {
    display: none;
}

.about {
    height: calc(100vh - 0.9rem);
    overflow: hidden;
    background: url(../img/ab_bg.jpg) no-repeat center center/cover;
    display: flex;
    align-items: center;
}

.about_pic {
    width: 9.4rem;
}

.about_js {
    width: 7.3rem;
    margin-left: 0.5rem;
}

.about .tit {
    text-align: left;
    padding-top: 0;
}

.about_js p {
    font-size: 0.16rem;
    color: #000000;
    line-height: 0.3rem;
    padding-bottom: 0.4rem;
    text-align: justify;
}

.ab_btn a {
    display: block;
    width: 2rem;
    height: 0.5rem;
    border: 1px solid #808080;
    box-sizing: border-box;
    font-size: 0.18rem;
    color: #1a1a1a;
    line-height: 0.5rem;
    text-align: center;
    position: relative;
}

.ab_btn a span {
    position: relative;
    z-index: 5;
}

.ab_btn a::after {
    display: block;
    content: '';
    width: 0;
    height: 100%;
    background: #002d89;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s linear;
}

.ab_btn a:hover::after {
    width: 100%;
}

.ab_btn a:hover {
    color: #fff;
}

.news {
    height: calc(100vh - 0.9rem);
    overflow: hidden;
    background: url(../img/news_bg.jpg) no-repeat center center/cover;
}

.news .tit {
    padding-top: 0.8rem;
}

.news .tit h2 {
    color: #fff;
}

.homenew_con {
    position: relative;
}

.news_bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    display: none;
}

.swiper-container-c {
    margin: 0.1rem auto;
    width: 100%;
}

.swiper-container-c .swiper-slide {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.homenew_con {
    width: 18.4%;
    margin-right: 2%;
}

.homenew_con:nth-last-of-type(1) {
    margin-right: 0;
}

.news_wz {
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    padding: 0.2rem 0.1rem;
    box-sizing: border-box;
    transition: all 0.3s linear;
}

.homenew_con a h2 {
    font-size: 0.16rem;
    color: #ffffff;
    line-height: 0.3rem;
    height: 1.3rem;
}

.homenew_con a h2 b {
    display: block;
    height: 0.6rem;
    font-size: 0.2rem;
}

.homenew_con a p {
    font-size: 0.14rem;
    color: #fff;
}

.homenews_pic {
    height: 1.8rem;
    overflow: hidden;
}

.homenews_pic img {
    transition: all 0.3s linear;
}

.homenew_con:hover .homenews_pic img {
    transform: scale(1.2);
}

.homenew_con:hover .news_wz {
    background: #002d89;
}

.news_btn {
    width: 2rem;
    height: 0.5rem;
    border: 1px solid #808080;
    box-sizing: border-box;
    margin: 0.6rem auto 0.3rem auto;
}

.news_btn a {
    display: block;
    font-size: 0.18rem;
    color: #fff;
    line-height: 0.5rem;
    text-align: center;
    position: relative;
    width: 100%;
    height: 100%;
}

.news_btn a span {
    position: relative;
    z-index: 5;
}

.news_btn a::after {
    display: block;
    content: '';
    width: 0;
    height: 100%;
    background: #002d89;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s linear;
}

.news_btn a:hover::after {
    width: 100%;
}




.swiper-pagination-c {
    position: relative !important;
    bottom: auto !important;
    margin-top: 0.4rem;
}

.swiper-pagination-c .swiper-pagination-bullet {
    width: 0.12rem;
    height: 0.12rem;
    border: 0.02rem solid #9fa0a0;
    background: none;
    opacity: 1;
    margin: 0 0.07rem;
}

.swiper-pagination-c .swiper-pagination-bullet-active {
    border-color: #fff;
}

.oem_wz{padding-top:0.4rem;}
.oem_wz p{font-size:0.18rem;color:#333;line-height: 0.36rem;}

.fot.on {
    position: relative;
    z-index: 2;
}

.fot .w_1720 {
    display: flex;
    justify-content: space-between;
    padding: 0.6rem 0 0.8rem 0;
}

.fot_l {
    display: flex;
}

.fot_logo {
    width: 1.99rem;
    margin-right: 1.47rem;
}

.fot_nav ul {
    display: flex;
}

.fot_nav ul li {
    width: 1.54rem;
    margin-right: 0.2rem;
}

.fot_nav ul li h2 {
    font-size: 0.18rem;
    color: #000000;
    font-weight: 500;
    padding-bottom: 0.26rem;
}

.fot_navlist a {
    display: block;
    font-size: 0.16rem;
    color: #000000;
    padding-bottom: 0.14rem;
    font-weight: lighter;
    transition: all 0.3s linear;
}

.fot_navlist a:hover {
    color: #002d89;
}

.for_r {
    display: flex;
}

.wx {
    width: 0.33rem;
    margin-right: 0.32rem;
    position: relative;
    cursor: pointer;
}

.wb {
    width: 0.33rem;
}

.wx_ewm {
    width: 1.6rem;
    background: #fff;
    box-shadow: 0 0 0.1rem #000;
    padding: 0.1rem;
    border-radius: 0.04rem;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    margin-left: -0.8rem;
    top: 0.5rem;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.3s ease-in;
}

.wx_ewm::after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-right: 0.1rem solid transparent;
    border-left: 0.1rem solid transparent;
    border-bottom: 0.1rem solid #000;
    position: absolute;
    left: 50%;
    top: -0.1rem;
    transform: translateX(-50%);
}

.wx:hover .wx_ewm {
    opacity: 1;
    transform: translateY(0);
}

.beian {
    width: 100%;
    font-size: 0.16rem;
    color: #a1a0a0;
    line-height: 0.6rem;
    text-align: center;
    background: #4b4b4b;
    font-weight: lighter;
    letter-spacing: 2px;
}
.beian a{color: #a1a0a0;}

.zx_pf {
    width: 0.6rem;
    height: 0.6rem;
    background: #002d89;
    border-radius: 0.6rem;
    position: fixed;
    right: 0.25rem;
    bottom: 0.14rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 70;
    cursor: pointer;
    transform: translateY(200px);
    opacity: 0;
    transition: all 0.5s ease-in;
}

.zx_pf img {
    width: 0.32rem;
}

.zx_pf.on {
    transform: translateY(0);
    opacity: 1;
}

.zx_tcall {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    display: none;
}

.zx_tc {
    width: 2.8rem;
    background: #f4f4f4;
    border-radius: 0.1rem;
    position: fixed;
    right: 0.25rem;
    bottom: 1.3rem;
    z-index: 70;
    box-shadow: 0 0 0.1rem #ccc;
    transform: translateX(300px);
    opacity: 0;
    transition: all 0.5s linear;
}

.zx_tc.on {
    transform: translateX(0);
    opacity: 1;
}

.zx_tctop {
    background: #002d89;
    padding: 0.2rem;
    box-sizing: border-box;
}

.zx_tctop h2 {
    font-size: 0.2rem;
    color: #ffffff;
    font-weight: lighter;
}

.zx_tctop p {
    font-size: 0.14rem;
    color: #ffffff;
    line-height: 0.18rem;
    font-weight: lighter;
    padding-top: 0.1rem;
}

.zx_tcfot {
    padding: 0.2rem;
    box-sizing: border-box;
}

.zx_tcfot input,
.zx_tcfot select {
    display: block;
    width: 100%;
    height: 0.36rem;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    background: none;
    font-size: 0.14rem;
    color: #1c1c1c;
    padding-left: 0.1rem;
    box-sizing: border-box;
    margin-bottom: 0.1rem;
}

.zx_sub {
    width: 1.8rem;
    height: 0.36rem;
    background: #002d89;
    border-radius: 0.36rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.14rem;
    color: #ffffff;
    cursor: pointer;
    margin: 0.1rem auto 0 auto;
}

.zx_sub img {
    width: 0.18rem;
    margin-right: 0.16rem;
}

.newszx_tc{
    width: 5.5rem;
    background: #f4f4f4;
    border-radius: 0.1rem;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 70;
    box-shadow: 0 0 0.1rem #ccc;
    border-radius: 0.1rem;
}

.wx_tcall .newszx_tc,.wx_dyall .newszx_tc {
    width: 4rem;
}

.newszx_tctop {
    background: #002d89;
    padding: 0.2rem;
    box-sizing: border-box;
    border-radius: 0.1rem 0.1rem 0 0;
}

.newszx_tctop h2 {
    font-size: 0.2rem;
    color: #ffffff;
    font-weight: lighter;
}

.newszx_tctop p {
    font-size: 0.14rem;
    color: #ffffff;
    line-height: 0.18rem;
    font-weight: lighter;
    padding-top: 0.1rem;
}

.newszx_tcfot {
    padding: 0.2rem;
    box-sizing: border-box;
}

.newszx_tcfot input,
.newszx_tcfot select {
    display: block;
    width: 100%;
    height: 0.36rem;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    background: none;
    font-size: 0.14rem;
    color: #1c1c1c;
    padding-left: 0.1rem;
    box-sizing: border-box;
    margin-bottom: 0.1rem;
}

.newszx_sub {
    width: 1.8rem;
    height: 0.36rem;
    background: #002d89;
    border-radius: 0.36rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.14rem;
    color: #ffffff;
    cursor: pointer;
    margin: 0.1rem;
}

.newszx_sub img {
    width: 0.18rem;
    margin-right: 0.16rem;
}

.news_infoclose {
    background: #000;
}

.wxzx_close {
    background: #000;
}

.tc_fot {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wx_tcall,.wx_dyall {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    display: none;
}

.wxzx_ewm {
    width: 100%;
    margin: 0 auto 0.1rem auto;
}




/*产品列表*/
.ny_ban {
    height: 5.8rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ny_banwz {
    font-size: 0.48rem;
    color: #fff;
    font-weight: bold;
    line-height: 0.6rem;
    text-align: center;
    text-transform: uppercase;
}

.ny_banwz span {
    font-family: 'Arial';
}

.ny_pro {
    overflow: hidden;
    background: #f2f2f2;
    position: relative;
    padding-top: 0.8rem;
}

.ny_pro::after {
    display: block;
    width: 100%;
    height: 5.17rem;
    content: '';
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}

.pro_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pro_list ul li {
    width: 49.3%;
    height: 4.8rem;
    background: #fff;
    padding: 0 0.4rem 0 0.5rem;
    margin-bottom: 0.2rem;
    box-sizing: border-box;
    display: flex;
    position: relative;
}

.pro_l h2 {
    font-size: 0.36rem;
    color: #393939;
    padding: 0.76rem 0 0 0;
}

.pro_l p {
    font-size: 0.18rem;
    color: #393939;
    line-height: 0.3rem;
    padding: 0.1rem 0 0.3rem 0;
}

.bq {
    width: 3.2rem;
    display: flex;
    flex-wrap: wrap;
}

.bq a {
    display: block;
    width: auto;
    border: 1px solid #002d89;
    border-radius: 0.05rem;
    font-size: 0.18rem;
    color: #002d89;
    line-height: 0.36rem;
    box-sizing: border-box;
    margin: 0 0.1rem 0.1rem 0;
    padding: 0 0.16rem;
    transition: all 0.5s linear;
    height: 0.36rem;
}

.bq a:hover {
    background: #002d89;
    color: #fff;
}

.more {
    width: 0.8rem;
    height: 0.8rem;
    background: #002d89;
    border-radius: 100%;
    font-size: 0.5rem;
    color: #fff;
    line-height: 0.8rem;
    text-align: center;
    position: absolute;
    left: 0.5rem;
    bottom: 0.5rem;
    font-weight: normal;
}

.more a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}

.more a span {
    position: relative;
    z-index: 2;
}

.more::after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: #393939;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s linear;
    border-radius: 100%;
}

.more:hover::after {
    width: 100%;
    height: 100%;
}

.pro_r {
    width: 3rem;
    overflow: hidden;
    border-radius: 100%;
    position: absolute;
    right: 0.4rem;
    bottom: 0.4rem;
}

.pro_r img {
    transition: all 0.5s linear;
}

.pro_r:hover img {
    transform: scale(1.1);
}

.pro_ser {
    width: 100%;
    height: 10.35rem;
    background: url(../img/pro/ser_bg.jpg) no-repeat center center/cover;
    position: relative;
    margin-top: 0.8rem;
    z-index: 3;
}

.pro_ser h2 {
    font-size: 0.48rem;
    color: #fff;
    line-height: 0.6rem;
    padding: 1.6rem 0 0 0.98rem;
}

.pro_ser h2 b {
    display: block;
    text-transform: uppercase;
}

.pro_serlist {
    width: 7.5rem;
    position: absolute;
    right: 0;
    bottom: 1.7rem;
}

.pro_serlist ul li {
    display: flex;
    border-bottom: 1px solid #4d6cad;
    padding: 0.46rem 0;
}

.pro_serlist ul li h3 {
    font-size: 0.3rem;
    color: #ffffff;
    font-family: 'Arial';
    margin: 0.26rem 0.32rem 0 0;
}

.pro_serlist ul li p {
    width: 5.84rem;
    font-size: 0.18rem;
    color: #ffffff;
    line-height: 0.3rem;
    text-align: justify;
}

/*产品二级列表*/
.pro_lv2 {
    overflow: hidden;
    background: #f2f2f2;
    padding-bottom: 1rem;
}

.pro_lv2tit {
    text-align: center;
    padding: 1rem 0 0.6rem 0;
}

.pro_lv2tit h2 {
    font-size: 0.36rem;
    color: #393939;
}

.pro_lv2tit p {
    font-size: 0.18rem;
    color: #a6a6a6;
    padding-top: 0.1rem;
}

.pro_nav {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    justify-content: center;
}

.pro_nav a {
    font-size: 0.16rem;
    color: #393939;
    line-height: 0.82rem;
    margin: 0 0.5rem;
    position: relative;
}
    .pro_nav2 a {
        font-size: 0.20rem;
        color: #393939;
        line-height: 0.82rem;
        0margin: 0 1.42rem;
        position: relative;
    }

.pro_nav a::after {
    display: block;
    content: '';
    width: 0%;
    height: 2px;
    background: #002d89;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    transition: all 0.5s linear;
}

.pro_nav a:hover::after {
    width: 100%;
}

.pro_nav a.on,
.pro_nav a:hover {
    color: #002d89;
}

.pro_nav a.on::after {
    width: 100%;
}

.projs_list ul {
    display: flex;
    flex-wrap: wrap;
}

.projs_list ul li {
    width: 32%;
    background: #fff;
    margin: 0.5rem 2% 0 0;
    padding: 0 2%;
    box-sizing: border-box;
    position: relative;
    transition: all 0.5s ease-in;
}

.projs_listtj ul li {
    width: 23.5%;
}

.projs_list ul li:nth-of-type(3n) {
    margin-right: 0;
}

.projs_listtj ul li:nth-of-type(4n) {
    margin-right: 0;
}

.projs_listtj ul li:nth-of-type(3n) {
    margin-right: 2%;
}

.projs_pic {
    margin: 0.3rem auto;
    overflow: hidden;
    height: 3.5rem;
    text-align: center;
}
.projs_listtj .projs_pic{height: 3rem;}

.projs_pic img {
    width: auto;height: 100%;
    transition: all 0.5s linear;
}

.projs_list ul li:hover {
    box-shadow: 0 0 0.12rem -0.06rem #000;
}

.projs_list ul li:hover .projs_pic img {
    transform: scale(1.1);
}

.projs_list ul li h2 {
    font-size: 0.18rem;
    color: #000000;
    font-weight: lighter;
    position: relative;
    padding-bottom: 0.12rem;
}

.projs_list ul li h2::after {
    display: block;
    width: 0.6rem;
    height: 2px;
    background: #000000;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
}

.projs_list ul li p {
    font-size: 0.18rem;
    color: #000000;
    font-weight: bold;
    padding: 0.2rem 0 0.26rem 0;
}

.projs_more {
    width: 0.63rem;
    height: 0.63rem;
    background: #002d89;
    border-radius: 100%;
    font-size: 0.5rem;
    color: #fff;
    text-align: center;
    position: absolute;
    right: 0.3rem;
    bottom: 0.4rem;
    font-weight: lighter;
}

.projs_more a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    position: relative;
}

.projs_more a span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;height: 100%;
    position: absolute;
    z-index: 2;
    
}

.projs_more::after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: #393939;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s linear;
    border-radius: 100%;
}

.projs_more:hover::after {
    width: 100%;
    height: 100%;
}

.projs_listtj .projs_more {
    width: 0.4rem;
    height: 0.4rem;
    font-size: 0.36rem;
    bottom: 0.6rem;
}

.zk_btn {
    width: 100%;
    height: 0.8rem;
    background: #e6e6e6;
    display: flex;
    justify-items: center;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    transition: all 0.5s linear;
    margin-top: 0.7rem;
}

.zk_btn span {
    font-size: 0.18rem;
    color: #1c1c1c;
    padding-right: 0.12rem;
}

.zk_btn img {
    width: 0.16rem;
}

.zk_btn:hover {
    background: #ccc;
}

.tj_tit {
    font-size: 0.48rem;
    color: #002d89;
    padding: 0.9rem 0 0 0;
}

/*产品详情*/
.pro_info {
    background: #f2f2f2;
    padding-bottom: 1rem;
}

.ny_topdh {
    padding: 0.46rem 0 0.26rem 0;
    display: flex;
    align-items: center;
}

.ny_topdh a {
    font-size: 0.14rem;
    color: #393939;
}

.ny_topdh img {
    width: 0.08rem;
    margin: 0 0.14rem;
}

.pro_infocon {
    overflow: hidden;
    background: #fff;
    padding: 0 1rem;
    box-sizing: border-box;
}

.pro_infocontop {
    text-align: center;
}

.pro_infocontop h2 {
    font-size: 0.24rem;
    color: #002d89;
    padding: 1.24rem 0 0 0;
}

.pro_infocontop h3 {
    font-size: 0.48rem;
    color: #002d89;
    font-weight: bold;
}

.pro_infocontop h4 {
    font-size: 0.3rem;
    color: #002d89;
    font-weight: 500;
    padding: 0.3rem 0 1rem 0;
}

.pro_infojs {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items:flex-start;
}

.pro_jspic {
    width: 5.2rem;
}

.pro_jswz {
    width: 6.6rem;
}
.pro_jswz p{font-size: 0.18rem;line-height: 0.36rem;}
.pro_jswz ol{margin-top:0.3rem;}
.pro_jswz ol li{font-size: 0.18rem;line-height: 0.3rem;padding-bottom: 0.1rem;}

.pro_infcs{margin:0.5rem auto;}

.pro_infcs table{border-color:#e6e6e6;width: 100%;}
.pro_infcs table tr td{font-size: 0.18rem;color: #4c4c4c;line-height: 0.3rem;padding:0.26rem 0;text-align: center;}
.pro_infcs table tr:nth-of-type(1) td{font-size: 0.2rem;}

.pro_jswz ul li {
    border-bottom: 1px solid #e6e6e6;
    padding: 0.26rem 0;
    display: flex;
    justify-content: space-between;
}

.pro_jswz ul li h2 {
    font-size: 0.24rem;
    color: #1c1c1c;
    font-weight: bold;
}

.pro_jswz ul li p {
    width: 6.2rem;
    font-size: 0.18rem;
    color: #4c4c4c;
    line-height: 0.3rem;
    text-align: justify;
    font-weight: lighter;
}

.pro_jswz ul li p b {
    font-size: 0.2rem;
    color: #1c1c1c;
    display: block;
    font-weight: bold;
}

.pro_infcstit {
    font-size: 0.3rem;
    color: #002d89;
    font-weight: bold;
    text-align: center;
    padding: 0.9rem 0 0.42rem 0;
}

.pro_infcscon dl {
    height: 0.72rem;
    background: #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pro_infcscon dl dd {
    width: 20%;
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box;
    font-size: 0.2rem;
    color: #1c1c1c;
    line-height: 0.26rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
}

.pro_infcscon dl dd:nth-last-of-type(1) {
    border-right: none;
}

.pro_infcscon {
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    border-bottom: none;
}

.pro_csxx {
    border-bottom: 1px solid #e6e6e6;
    display: flex;
}

.pro_csxx h2 {
    width: 20%;
    font-size: 0.2rem;
    color: #1c1c1c;
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pro_csxx ol {
    width: 80%;
}

.pro_csxx ol li {
    width: 100%;
    height: 0.72rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pro_csxx ol li span {
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box;
    font-size: 0.18rem;
    color: #1c1c1c;
    font-weight: lighter;
    width: 25%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pro_csxx ol li span:nth-last-of-type(1) {
    border-right: none;
}

.pro_csxx ol li:nth-of-type(2n) {
    background: #f2f2f2;
}

.pro_infowz {
    font-size: 0.16rem;
    color: #808080;
    text-align: center;
    padding: 0.3rem 0 0.8rem 0;
    font-weight: lighter;
}

/*关于我们*/
.ab_ban {
    height: 5.09rem;
    position: relative;
}

.ny_ban .ny_topdht {
    position: absolute;
    left: 16.14%;
    top: 0.4rem;
    display: flex;
    align-items: center;
}

.ny_ban .ny_topdht a {
    font-size: 0.14rem;
    color: #cfd2d3;
}

.ny_ban .ny_topdht img {
    width: 0.08rem;
    margin: 0 0.08rem;
}

.ny_gynav {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    justify-content: center;
}

.ny_gynav a {
    font-size: 0.16rem;
    color: #1c1c1c;
    padding: 0 1.3rem;
    line-height: 0.7rem;
    border-right: 1px solid #e6e6e6;
}

.ny_gynav a:nth-of-type(1) {
    border-left: 1px solid #e6e6e6;
}

.ny_gynav a.on,
.ny_gynav a:hover {
    font-weight: bold;
}

.ab_js {
    padding: 0.96rem 0;
}

.ab_js .w_1300 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ab_pic {
    width: 5.8rem;
}

.ab_jsr {
    width: 6.2rem;
}

.ab_tit {
    font-size: 0.36rem;
    color: #002d89;
    font-weight: bold;
    position: relative;
    padding: 0.47rem 0 0.3rem 0;
    text-align: center;
}

.ab_js .ab_tit {
    text-align: left;
}

.ab_tit::after {
    display: block;
    width: 1.06rem;
    height: 0.04rem;
    content: '';
    background: #1c1c1c;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.ab_js .ab_tit::after {
    left: 0;
    transform: translateX(0);
}

.ab_jsr p {
    font-size: 0.16rem;
    color: #1c1c1c;
    line-height: 0.24rem;
    padding-top: 0.3rem;
    text-align: justify;
    font-weight: lighter;
}

.ab_yy {
    background: #f2f2f2;
}

.ab_yy .ab_tit::after {
    background: #002d89;
}

.ab_yylist {
    padding: 0.88rem 0 0.62rem 0;
}

.ab_yylist dl {
    display: flex;
    justify-content: center;
}

.ab_yylist dl dd {
    text-align: center;
    width: 20%;
}

.ab_yylist dl dd img {
    width: 0.64rem;
}

.ab_yylist dl dd p {
    font-size: 0.18rem;
    color: #000000;
    padding-top: 0.4rem;
    font-weight: lighter;
}

.ab_gs {
    padding: 0.85rem 0 0 0;
    position: relative;
    z-index: 5;
}

.ab_gs .w_1300 {
    display: flex;
    justify-content: space-between;
}

.ab_gsl {
    width: 6.06rem;
}

.ab_gsl h2 {
    font-size: 0.36rem;
    color: #1c1c1c;
    font-weight: bold;
    padding: 0.8rem 0 0.4rem 0;
}

.ab_gsl h3 {
    font-size: 0.18rem;
    color: #1c1c1c;
}

.ab_gsl p {
    font-size: 0.16rem;
    color: #1c1c1c;
    line-height: 0.24rem;
    font-weight: lighter;
    padding-top: 0.3rem;
}

.ab_gspic {
    width: 5.8rem;
}

.ab_yybtn {
    margin-top: 2.2rem;
}

.ab_yybtn a {
    font-size: 0.18rem;
    color: #002d89;
}

.ab_map {
    background: #f2f2f2;
    padding: 2.56rem 0 0.48rem 0;
    position: relative;
    top: -1.31rem;
    margin-bottom: -1.31rem;
}

.ab_map .w_1300 {
    display: flex;
    justify-content: space-between;
}

.map_l {
    width: 7.8rem;
    height: 6.9rem;
    position: relative;
    overflow: hidden;
}

.map_r {
    width: 4.8rem;
}

.map_r ul li {
    overflow: hidden;
    margin-bottom: 0.2rem;
}

.map_r ul li.on {
    background: #fff;
    padding: 0.3rem;
    box-sizing: border-box;
    box-shadow: 0 0 0.1rem #999;
    border-radius: 0.16rem;
}

.dq {
    width: 100%;
    height: 0.57rem;
    background: #fafafa;
    border-radius: 0.57rem;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.dq span {
    display: block;
    width: 1.5rem;
    height: 100%;
    background: #e6e6e6;
    border-radius: 0.57rem;
    overflow: hidden;
    font-size: 0.18rem;
    color: #1c1c1c;
    line-height: 0.57rem;
    padding-left: 0.38rem;
    box-sizing: border-box;
    transition: all 0.5s ease-in;
}

.map_r ul li.on .dq span {
    width: 100%;
    background: #002d89;
    color: #fff;
}

.dq b {
    display: block;
    width: 0.22rem;
    position: absolute;
    right: 0.28rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

.dq b img:nth-of-type(1) {
    display: block;
}

.dq b img:nth-of-type(2) {
    display: none;
}

.map_r ul li.on .dq b img:nth-of-type(1) {
    display: none;
}

.map_r ul li.on .dq b img:nth-of-type(2) {
    display: block;
}

.map_list {
    width: 90%;
    height: 3rem;
    overflow: auto;
    margin: 0.3rem auto 0 auto;
    display: none;
}

.map_list dl dd {
    font-size: 0.18rem;
    color: #4c4c4c;
    line-height: 0.36rem;
    font-weight: lighter;
    cursor: pointer;
}

.map_list dl dd:hover {
    color: #002d89;
    font-weight: bold;
}

.map_tc {
    width: 4.2rem;
    background: #fff;
    border-radius: 0.1rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    display: none;
}

.map_tc h2 {
    height: 0.6rem;
    background: #032e89;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.22rem;
    box-sizing: border-box;
    font-size: 0.18rem;
    color: #ffffff;
}

.map_tc h2 img {
    width: 0.42rem;
}

.map_tc p {
    font-size: 0.18rem;
    color: #1c1c1c;
    padding: 0.2rem 0.22rem;
    box-sizing: border-box;
    line-height: 0.3rem;
}

.map_adlist {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.map_adlist span {
    display: block;
    width: 0.14rem;
    height: 0.14rem;
    border: 1px solid #002d89;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    right: 1.06rem;
    top: 2rem;
    cursor: pointer;
}

.map_adlist span::after {
    display: block;
    width: 0.1rem;
    height: 0.1rem;
    content: '';
    background: #002d89;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.map_adlist span.on {
    border-color: #d10000;
}

.map_adlist span.on::after {
    background: #d10000;
}

/*企业文化*/
.culture {
    background: #f2f2f2;
    padding: 1.07rem 0 1rem 0;
}

.culture p {
    text-align: center;
    font-size: 0.2rem;
    color: #000000;
    line-height: 0.36rem;
    padding-bottom: 0.9rem;
}

.culture ul {
    display: flex;
    justify-content: space-between;
}

.culture ul li {
    width: 3.65rem;
    background: #fff;
    text-align: center;
    padding: 0.36rem 0 0.7rem 0;
}

.culture ul li img {
    display: block;
    width: 0.84rem;
    margin: 0 auto;
}

.culture ul li h2 {
    font-size: 0.2rem;
    color: #000000;
    font-weight: bold;
    padding: 0.16rem 0;
}

.culture ul li h4 {
    font-size: 0.16rem;
    color: #000000;
    line-height: 0.3rem;
    font-weight: lighter;
}

/*企业历程*/
.his {
    background: #f2f2f2;
    padding-bottom: 1.3rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.histit {
    border-bottom: 1px solid #e6e6e6;
    font-size: 0.3rem;
    color: #000000;
    font-weight: bold;
    padding: 1rem 0 0.46rem 0;
    margin-bottom: 1.3rem;
}

.his_con {
    width: 85.5%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.his_data {
    width: 6.5rem;
    padding: 0 0.9rem 0 1.5rem;
    box-sizing: border-box;
    margin-top: 0.5rem;
}

.his_data ul li {
    position: relative;
    text-align: center;
    cursor: pointer;
}

.his_data ul li h2 {
    font-size: 1.5rem;
    color: #e5e5e5;
    font-weight: bold;
    font-family: 'Arial';
    position: relative;
    z-index: 4;
    opacity: 1;
    transition: all 0.5s ease-in;
}

.his_datayuan {
    width: 4.02rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -2.01rem 0 0 -2.01rem;
    opacity: 0;
    transform: translateX(0.5rem);
    transition: all 0.5s ease-in;
}

.his_datayear {
    font-size: 1.5rem;
    color: #002d89;
    font-weight: bold;
    font-weight: bold;
    font-family: 'Arial';
    position: absolute;
    left: -0.46rem;
    top: -2%;
    opacity: 0;
    transform: translateX(-0.5rem);
    transition: all 0.5s ease-in;
}

.his_data ul li.on h2 {
    opacity: 0;
}

.his_data ul li.on .his_datayuan {
    opacity: 1;
    transform: translateX(0);
}

.his_data ul li.on .his_datayear {
    opacity: 1;
    transform: translateX(0);
}

.his_wz {
    border-top: 1px solid #ccc;
    padding-bottom: 0.46rem;
}

.his_wz:nth-last-of-type(1) {
    border-bottom: 1px solid #ccc;
}

.his_r {
    width: 5.5rem;
    position: absolute;
    right: 0;
    top: 0;
}

.his_r h2 {
    font-size: 0.16rem;
    color: #1c1c1c;
    padding: 0.46rem 0 0.3rem 0;
}

.his_r p {
    display: flex;
    font-size: 0.18rem;
    color: #1c1c1c;
    font-weight: 500;
    line-height: 0.36rem;
}

.his_r p span {
    padding-right: 0.32rem;
}

.his_r ul li {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.5s linear;
}

.his_r ul li.on {
    opacity: 1;
    transform: translateX(0);
}

/*荣誉*/
.honor_top h2 {
    font-size: 0.3rem;
    color: #000000;
    font-weight: bold;
    border-bottom: 1px solid #e6e6e6;
    padding: 1rem 0 0.45rem 0;
}

.honor_top p {
    display: flex;
    justify-content: space-between;
    padding: 0.46rem 0 0.74rem 0;
}

.honor_top p span:nth-of-type(1) {
    width: 5.2rem;
    font-size: 0.16rem;
    color: #000000;
    line-height: 0.36rem;
    text-align: justify;
}

.honor_top p span:nth-of-type(2) {
    width: 7.54rem;
    font-size: 0.18rem;
    color: #000000;
    line-height: 0.36rem;
}

.honor_top p span:nth-of-type(2) b {
    display: block;
    padding-top: 0.4rem;
}

.honor_top p span:nth-of-type(2) b strong {
    font-weight: normal;
}

.ab_ry {
    background: #f2f2f2;
    padding-bottom: 1rem;
}

.ab_rytit {
    font-size: 0.3rem;
    color: #000000;
    font-weight: bold;
    padding: 0.94rem 0 0.4rem 0;
}

.ab_rypic {
    overflow: hidden;
    height: 4.7rem;
    display: flex;align-items: center;
}

.ab_rypic img {
    transition: all 0.3s linear;
}

.ab_rypic:hover img {
    transform: scale(1.05);
}

.swiper-container-ry p {
    font-size: 0.18rem;
    color: #000;
    font-family: 'Arial';
    text-align: center;
    padding-top: 0.14rem;
}

.ab_ryqh {
    position: relative;
}

.ry_prev,
.ry_next {
    width: 0.52rem;
    height: 0.52rem;
    border: 1px solid #dadada;
    border-radius: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
}

.ry_prev img,
.ry_next img {
    width: 0.09rem;
    position: relative;
    z-index: 3;
}

.ry_prev::after,
.ry_next::after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: #fff;
    border-color: #fff;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s linear;
}

.ry_prev:hover,
.ry_next:hover {
    border-color: #fff;
}

.ry_prev:hover::after,
.ry_next:hover::after {
    width: 100%;
    height: 100%;
}

.ry_prev {
    right: 1.07rem;
    top: -0.8rem;
}

.ry_next {
    right: 0.38rem;
    top: -0.8rem;
}

/*联系我们*/
.contact {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 0.4rem;
}

.contact_tit {
    border-bottom: 1px solid #e6e6e6;
    padding: 1rem 0 0.4rem 0;
    font-size: 0.3rem;
    color: #000000;
    font-weight: bold;
}

.contact h2 {
    font-size: 0.18rem;
    color: #000000;
    padding: 0.46rem 0 0.78rem 0;
    font-weight: lighter;
}

.contact h3 {
    font-size: 0.2rem;
    color: #000000;
    font-weight: 500;
    padding-bottom: 0.1rem;
}

.contact_list ul {
    display: flex;
}

.contact_list li {
    width: 36%;
}

.contact_list li h4 {
    display: flex;
    align-items: center;
    margin-top: 0.27rem;
}

.contact_list li h4 img {
    width: 0.23rem;
    margin-right: 0.1rem;
}

.contact_list li h4 span {
    font-size: 0.18rem;
    color: #000000;
    font-weight: lighter;
}

.contact_list li:nth-of-type(1) {
    border-right: 1px solid #e6e6e6;
    margin-right: 2rem;
}

.contact_map {
    margin-top: 1.2rem;
}

.contact_map map {
    display: block;
    width: 100%;
    height: 4rem;
}

.contact dl dd {
    display: flex;
    margin-top: 0.32rem;
    align-items: flex-start;
}

.contact dl dd img {
    width: 0.39rem;
    margin: 0.05rem 0.1rem 0 0;
}

.contact dl dd p {
    flex: 1;
    font-size: 0.18rem;
    color: #000000;
    line-height: 0.3rem;
    text-align: justify;
    font-weight: lighter;
}

.contact dl dd p span {
    display: block;
    font-size: 0.2rem;
    padding-bottom: 0.1rem;
    font-weight: normal;
}

/*职业发展*/
.jion_list ul li h4 {
    display: flex;
    align-items: center;
    margin-bottom: 0.17rem;
}

.jion_list ul li h4 img {
    width: 0.2rem;
    margin-right: 0.14rem;
}

.jion_list ul li h4 span {
    font-size: 0.18rem;
    color: #0d0d0d;
    font-weight: lighter;
}

.jion_list ul li h4:nth-last-of-type(1) {
    background: #002d89;
    height: 0.55rem;
    justify-content: center;
    width: 3.04rem;
    margin-bottom: 0;
}

.jion_list ul li h4:nth-last-of-type(1) span {
    color: #fff;
}

.jion_zw {
    margin: 1rem 0;
}

.jion_zw ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    line-height: 0.6rem;
    border-bottom: 1px solid #e6e6e6;
    transition: all 0.3s linear;
}

.jion_zw ul li a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.jion_zw ul li:nth-of-type(1) {
    background: #ededed;
}

.jion_zw ul li span {
    width: 20%;
    text-align: center;
    font-size: 0.18rem;
    color: #0d0d0d;
    font-weight: lighter;
}

.jion_zw ul li span:nth-of-type(1) {
    font-weight: bold;
}

.jion_zw ul li span b {
    display: none;
}

.jion_zw ul li:nth-of-type(1) span:nth-of-type(1) {
    font-weight: lighter;
}

.jion_zw ul li a:hover {
    background: #002d89;
}

.jion_zw ul li a:hover span {
    color: #fff;
}

.zp_xq{width: 100%;background:#ededed;padding:0 0.3rem 0.3rem 0.3rem;box-sizing: border-box;display: none;}
.zp_xq h4{font-size:0.18rem;color:#000;font-weight: bold;padding:0.3rem 0 0rem 0;}
.zp_xq p{font-size: 0.18rem;color:#0d0d0d;line-height: 0.36rem;}

/*新闻列表*/
.new_con {
    background: #f2f2f2;
    padding-bottom: 0.6rem;
}

.new_toptit {
    font-size: 0.3rem;
    color: #000000;
    text-align: center;
    font-weight: bold;
    padding: 1rem 0 0.5rem 0;
}

.news_con {
    background: #fff;
    padding: 0.3rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.new_pic {
    width: 4.37rem;
    overflow: hidden;
    margin-right: 0.6rem;
    transition: all 0.3s linear;
}

.news_con:hover .new_pic {
    transform: translateX(20px);
}

.news_conr {
    width: 7.22rem;
    transition: all 0.3s linear;
}

.news_con:hover .news_conr {
    transform: translateX(20px);
}

.news_conr h3 {
    font-size: 0.16rem;
    color: #1c1c1c;
    font-family: 'Arial';
    font-weight: lighter;
}

.news_conr h2 {
    font-size: 0.24rem;
    color: #000000;
    line-height: 0.36rem;
    padding: 0.14rem 0 0.2rem 0;
}

.news_conr p {
    font-size: 0.16rem;
    color: #000000;
    line-height: 0.3rem;
    font-weight: lighter;
}

.news_conr a {
    display: block;
    width: 1.36rem;
    height: 0.34rem;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    font-size: 0.14rem;
    color: #1c1c1c;
    line-height: 0.34rem;
    text-align: center;
    margin-top: 0.24rem;
    position: relative;
}

.news_conr a span {
    position: relative;
    z-index: 2;
}

.news_conr a::after {
    display: block;
    width: 0;
    height: 100%;
    content: '';
    background: #002d89;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s ease-in;
}

.news_conr a:hover {
    color: #fff;
    border-color: #002d89;
}

.news_conr a:hover::after {
    width: 100%;
}

.new_fott {
    margin: 1rem auto 0.5rem auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}

.new_fottl {
    display: flex;
}

.new_fotsel {
    width: 2rem;
    margin-right: 0.19rem;
    position: relative;
    z-index: 10;
}

.new_fotselon {
    width: 100%;
    height: 0.5rem;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s linear;
}

.new_fotselon.on {
    background: #00318b;
}

.new_fotselon span {
    font-size: 0.18rem;
    color: #1c1c1c;
    font-weight: lighter;
}

.new_fotselon.on span {
    color: #fff;
}

.new_fotselon img {
    width: 0.08rem;
    margin-left: 0.2rem;
    transition: all 0.3s linear;
}

.new_fotselon img:nth-of-type(1) {
    display: block;
}

.new_fotselon img:nth-of-type(2) {
    display: none;
}

.new_fotselon.on img:nth-of-type(1) {
    display: none;
}

.new_fotselon.on img:nth-of-type(2) {
    display: block;
    transform: rotate(180deg);
}

.new_xl {
    width: 100%;
    height: auto;
    background: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
}

.new_xl dl dd {
    width: 100%;
    font-size: 0.16rem;
    color: #000;
    line-height: 0.5rem;
    text-align: center;
    cursor: pointer;
    font-weight: lighter;
}

.new_xl dl dd:hover {
    background: #00318b;
    color: #fff;
}

.new_fottr {
    width: 4.67rem;
    display: flex;
    align-items: center;
    background: #fff;
    height: 0.5rem;
}

.new_fottr input {
    width: 4.16rem;
    background: none;
    border: none;
    font-size: 0.18rem;
    color: #808080;
    padding-left: 0.2rem;
    box-sizing: border-box;
    font-weight: lighter;
}

.news_sub {
    flex: 1;
    background: #00318b;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    height: 100%;
}

.news_sub img {
    width: 0.25rem;
}

.news_list ul li {
    background: #fff;
    height: 2.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.3rem;
    box-sizing: border-box;
    margin-bottom: 0.3rem;
}

.news_list ul li:hover {
    box-shadow: 0.1rem 0.2rem 0.1rem #e6e6e6;
}

.news_pic {
    width: 3rem;
    transition: all 0.3s linear;
    max-height: 2rem;overflow:hidden;
}

.news_list ul li:hover .news_pic {
    transform: translateX(0.2rem);
}

.news_js {
    width: 9.2rem;
    font-size: 0.24rem;
    color: #000000;
    line-height: 0.36rem;
    font-weight: lighter;
    padding-right: 1.5rem;
    box-sizing: border-box;
    transition: all 0.3s linear;
}

.news_list ul li:hover .news_js {
    transform: translateX(0.2rem);
}

.news_js span {
    display: block;
    font-size: 0.18rem;
    padding-top: 0.1rem;
}

.news_jsbtn {
    width: 1.36rem;
    height: 0.34rem;
    background: #00318b;
    position: relative;
}

.news_jsbtn a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    font-size: 0.14rem;
    color: #ffffff;
    line-height: 0.34rem;
    text-align: center;
}

.news_jsbtn::after {
    display: block;
    width: 0;
    height: 100%;
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s ease-in;
}

.news_jsbtn:hover::after {
    width: 100%;
}

.new_more {
    width: 100%;
    height: 0.8rem;
    background: #e6e6e6;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.18rem;
    color: #1c1c1c;
}

.new_more img {
    width: 0.17rem;
    margin-left: 0.12rem;
}

/*新闻详情*/
.news_info {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.news_info .w_1300 {
    display: flex;
    justify-content: space-between;
    padding-top: 0.56rem;
}

.news_infoltop h2 {
    font-size: 0.3rem;
    color: #000000;
    font-weight: bold;
    line-height: 0.48rem;
}

.news_infol {
    width: 8.66rem;
}

.news_infoltopbq {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: 1px solid #e6e6e6;
    padding: 0.3rem 0 0.1rem 0;
}

.news_infoltopbq h3 {
    display: flex;
    align-items: center;
    font-size: 0.16rem;
    color: #1c1c1c;
}

.news_infoltopbq h3 span {
    width: 0.9rem;
    background: #e6e6e6;
    font-size: 0.14rem;
    color: #000000;
    line-height: 0.3rem;
    border-radius: 0.3rem;
    text-align: center;
    margin-right: 0.14rem;
}

.news_infoltopbq p {
    display: flex;
    align-items: center;
    font-size: 0.18rem;
    color: #808080;
}

.news_infoltopbq p span {
    display: flex;
    align-items: center;
    margin-left: 0.1rem;
}

.news_infoltopbq p span img {
    width: 0.22rem;
    margin-right: 0.1rem;
}

.news_infoban {
    margin: 0.5rem 0 0 0;
}

.fanhui_btn {
    width: 2rem;
    height: 0.5rem;
    background: #002d89;
    position: relative;
    margin: 0.5rem auto 0.9rem auto;
    text-align: center !important;
    text-indent: 0 !important;
    padding:0 !important;
}

.fanhui_btn a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    font-size: 0.16rem;
    color: #ffffff;
    line-height: 0.5rem;
    text-align: center;
}

.fanhui_btn::after {
    display: block;
    width: 0;
    height: 100%;
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s ease-in;
}

.fanhui_btn:hover::after {
    width: 100%;
}

.news_infofot {
    padding: 0.5rem 0 0.8rem 0;
}
.news_infofot p,.news_infofot div{text-align: left;text-indent: 2em;padding-bottom: 0.3rem;font-size:14px;line-height: 28px;}


.news_infofot p img,.news_infofot div img{width: 100% !important;display: block;}

.news_infofotr p {
    font-size: 0.16rem;
    color: #000000;
    line-height: 0.24rem;
    padding-bottom: 0.24rem;
    font-weight: lighter;
}

.news_infofotr p b {
    font-weight: bold;
}

.news_infolist {
    border-top: 1px solid #333;
    padding-bottom: 0.8rem;
}

.news_infolist h2 {
    font-size: 0.3rem;
    color: #000000;
    font-weight: bold;
    padding: 0.27rem 0 0.47rem 0;
}

.news_infor {
    width: 3.52rem;
}

.news_infor h2 {
    font-size: 0.24rem;
    color: #000000;
    font-weight: bold;
    padding-bottom: 0.3rem;
}

.news_infornav {
    border-top: 1px solid #e6e6e6;
    padding-bottom: 0.46rem;
}

.news_infornav a {
    display: block;
    height: 0.6rem;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0.2rem;
    box-sizing: border-box;
    position: relative;
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news_infornav a span {
    font-size: 0.16rem;
    color: #000000;
    position: relative;
    z-index: 2;
}

.news_infornav a img {
    width: 0.09rem;
    opacity: 0;
    transform: translateX(-20px);
    transition: all 0.3s linear;
    position: relative;
    z-index: 2;
}

.news_infornav a:hover img {
    opacity: 1;
    transform: translateX(0);
}

.news_infornav a:hover {
    color: #002d89;
    font-weight: bold;
}

.news_infornav a::after {
    display: block;
    width: 0;
    height: 100%;
    content: '';
    background: #f2f2f2;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s ease-in;
}

.news_infornav a:hover::after {
    width: 100%;
}

.news_inforlist ul li {
    margin-bottom: 0.3rem;
}

.news_inforlist ul li h3 {
    font-size: 0.18rem;
    color: #000000;
    font-weight: bold;
}

.news_inforlist ul li h4 {
    font-size: 0.18rem;
    color: #000;
    line-height: 0.3rem;
    font-weight: lighter;
}

.news_inforlist ul li p {
    display: flex;
    align-items: center;
    font-size: 0.16rem;
    color: #333333;
    padding-top: 0.16rem;
}

.news_inforlist ul li p span {
    width: 0.9rem;
    background: #e6e6e6;
    font-size: 0.14rem;
    color: #000000;
    line-height: 0.3rem;
    border-radius: 0.3rem;
    text-align: center;
    margin-right: 0.14rem;
}

.news_inforlist ul li:hover h3,
.news_inforlist ul li:hover h4 {
    color: #00318b;
}

.news_fott {
    border-bottom: 1px solid #f2f2f2;
    padding: 0.16rem 0;
    width: 100%;
    background: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 50;
}

.news_fott.on {
    position: relative;
    bottom: auto;
    z-index: 3;
}

.news_fott .w_1300 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news_fottl h2 {
    font-size: 0.16rem;
    color: #1c1c1c;
}

.news_fottl h3 {
    font-size: 0.3rem;
    color: #1c1c1c;
    font-weight: bold;
    font-family: 'Arial';
    display: flex;
    align-items: center;
}

.news_fottl h3 span {
    display: flex;
    align-items: center;
    margin-left: 0.56rem;
}

.news_fottl h3 span a {
    width: 0.26rem;
    margin-right: 0.27rem;
}

.news_fottr {
    display: flex;
    align-items: center;
}

.news_fottr a {
    width: 1.5rem;
    height: 0.36rem;
    background: #ff0000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.16rem;
    color: #ffffff;
    font-weight: bold;
    margin-left: 0.16rem;
}

.news_fottr a img {
    width: 0.2rem;
    margin-right: 0.12rem;
}

.news_fottr a:nth-of-type(2) {
    background: #002d89;
}



/*媒体库*/
.dow {
    background: #f2f2f2;
    padding-bottom: 1rem;
}

.dow h2 {
    font-size: 0.3rem;
    color: #000000;
    font-weight: bold;
    padding: 1rem 0 0.46rem 0;
    border-bottom: 1px solid #e6e6e6;
}

.dow_list ul {
    display: flex;
    flex-wrap: wrap;
}

.dow_list ul li {
    width: 31.5%;
    margin: 0 2.75% 0.4rem 0;
    background: #ffffff;
}

.dow_list ul li:nth-of-type(3n) {
    margin-right: 0;
}

.dow_list ul li:hover {
    box-shadow: 0 0 0.2rem #e6e6e6;
}

.dow_top {
    position: relative;
}

.video_btn {
    width: 0.82rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    cursor: pointer;
}

.dow_fot {
    position: relative;
}

.dow_fot h3 {
    font-size: 0.18rem;
    color: #000000;
    line-height: 0.3rem;
    padding: 0.28rem;
    box-sizing: border-box;
}

.dow_btn {
    width: 0.59rem;
    height: 0.59rem;
    background: #fff;
    bordeR: 1px solid #4266a9;
    border-radius: 100%;
    box-sizing: border-box;
    position: absolute;
    right: 0.16rem;
    bottom: 0.28rem;
}

.dow_btn img {
    width: 0.25rem;
    position: relative;
    z-index: 2;
}

.dow_btn img:nth-of-type(1) {
    display: block;
}

.dow_btn img:nth-of-type(2) {
    display: none;
}

.dow_btn a {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dow_btn::after {
    display: block;
    width: 0;
    height: 0;
    content: '';
    background: #00318b;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    transition: all 0.3s linear;
}

.dow_btn:hover::after {
    width: 101%;
    height: 101%;
}

.dow_btn:hover img:nth-of-type(1) {
    display: none;
}

.dow_btn:hover img:nth-of-type(2) {
    display: block;
}

.dow_video {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
}

/*应用领域*/
.application_con {
    background: #fafafa;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
    overflow: hidden;
}

.application_con .w_1520 {
    position: relative;
}

.application_nav {
    display: flex;
    align-items: center;
    position: absolute;
    left: 1.09rem;
    top: 0rem;
    z-index: 5;
}

.application_nav a {
    font-size: 0.14rem;
    color: #ffffff;
}

.application_nav img {
    width: 0.08rem;
    margin: 0 0.08rem;
}

.application_contop {
    width: 5.88rem;
    margin: 0.4rem auto 0 auto;
    position: relative;
    z-index: 5;
}

.application_contop h2 {
    font-size: 0.3rem;
    color: #1c1c1c;
    font-weight: bold;
    text-align: center;
    line-height: 0.4rem;
    text-transform: uppercase;
}

.application_contop h2 b {
    display: block;
}

.application_sear {
    width: 100%;
    height: 0.6rem;
    background: #fff;
    margin: 0.27rem auto 0.3rem auto;
    display: flex;
    align-items: center;
    box-shadow: 0 0 0.1rem #ededed;
}

.application_sear input {
    width: 5.28rem;
    height: 100%;
    background: none;
    border: none;
    font-size: 0.16rem;
    color: #808080;
    padding-left: 0.2rem;
    box-sizing: border-box;
}

.application_sub {
    flex: 1;
    height: 100%;
    background: #002d89;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.application_sub img {
    width: 0.2rem;
}

.application_qh {
    width: 4.68rem;
    margin: 0.7rem auto;
}

.application_qh img {
    display: block;
    width: 4.12rem;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto;
}

.application_qh h3 {
    font-size: 0.24rem;
    color: #002d89;
    font-weight: bold;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    padding: 0.2rem 0 0.2rem 0;
}

.application_qh p {
    font-size: 0.14rem;
    color: #002d89;
    line-height: 0.18rem;
    text-align: center;
    padding: 0.17rem 0;
}

.application_btn {
    width: 1.5rem;
    height: 0.4rem;
    background: #002d89;
    border-radius: 0.4rem;
    position: relative;
    margin: 0 auto;
}

.application_btn a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0.14rem;
    color: #fff;
    line-height: 0.4rem;
    text-align: center;
    position: relative;
    z-index: 2;
}

.application_btn::after {
    display: block;
    width: 0;
    height: 100%;
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s linear;
    border-radius: 0.4rem;
}

.application_btn:hover::after {
    width: 100%;
}

.application_fl {
    width: 15.77rem;
    height: 15.77rem;
    background: url(../img/application_bg.png) no-repeat center center/100% 100%;
    position: absolute;
    left: 50%;
    top: -4rem;
    margin-left: -7.885rem;
    border-radius: 100%;
    transform: rotate(90deg);
}

.application_fl.on {
    transform: rotate(0deg);
    transition: all 0.5s linear;
}

.application_fl::after {
    display: block;
    width: 108%;
    height: 108%;
    border: 1px solid #e9e9e9;
    border-radius: 100%;
    content: '';
    position: absolute;
    left: -4%;
    top: -4%;
}

.application_fl::before {
    display: block;
    width: 116%;
    height: 116%;
    border: 1px solid #e9e9e9;
    border-radius: 100%;
    content: '';
    position: absolute;
    left: -8%;
    top: -8%;
}

.application_fl ul li {
    width: 1.12rem;
    height: 1.12rem;
    border: 1px solid #d9d7eb;
    border-radius: 100%;
    position: absolute;
    z-index: 10;
}

.application_fl ul li.on {
    background: #fff;
    border-color: #fff;
}

.application_fl ul li a {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.application_fl ul li a p {
    text-align: center;
}

.application_fl ul li a p img {
    width: 100%;
}

.application_fl ul li a p img:nth-of-type(1) {
    display: block;
}

.application_fl ul li a p img:nth-of-type(2) {
    display: none;
}

.application_fl ul li.on a p img:nth-of-type(1) {
    display: none;
}

.application_fl ul li.on a p img:nth-of-type(2) {
    display: block;
}

.application_fl ul li a p span {
    display: block;
    font-size: 0.14rem;
    color: #fff;
    line-height: 0.2rem;
    padding-top: 0.1rem;
}

.application_fl ul li.on a p span {
    color: #002d89;
}

.application_fl ul li:nth-of-type(1) {
    left: 1rem;
    top: 6rem;
}

.application_fl ul li:nth-of-type(2) {
    right: 1.4rem;
    top: 5rem;
}

.application_fl ul li:nth-of-type(3) {
    left: 0.7rem;
    top: 7.4rem;
}

.application_fl ul li:nth-of-type(4) {
    right: 0.9rem;
    top: 6.3rem;
}

.application_fl ul li:nth-of-type(5) {
    left: 0.9rem;
    top: 8.8rem;
}

.application_fl ul li:nth-of-type(6) {
    right: 0.7rem;
    top: 7.7rem;
}

.application_fl ul li:nth-of-type(7) {
    left: 1.4rem;
    top: 10.2rem;
}

.application_fl ul li:nth-of-type(8) {
    right: 0.9rem;
    top: 9.1rem;
}

.application_fl ul li:nth-of-type(9) {
    right: 1.7rem;
    top: 10.3rem;
}

.ny_search {
    position: relative;
    z-index: 92;
}

.ny_searchtop {
    width: 50%;
    margin: 1.5rem auto 0 auto;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #000000;
    padding-bottom: 0.22rem;
}

.ny_searchbtn {
    width: 0.5rem;
    cursor: pointer;
    margin-right: 0.18rem;
    height: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #002d89;
    border-radius: 0.5rem;
}

.ny_searchbtn img {
    width: 0.2rem;
}

.ny_searchtop input {
    flex: 1;
    border: none;
    background: none;
    font-size: 0.24rem;
    color: #808080;
    line-height: 0.4rem;
}

/*应用领域列表*/
.app_list {
    background: #f2f2f2;
    padding-bottom: 1.5rem;
}

.app_listtit {
    border-bottom: 1px solid #e6e6e6;
    padding: 1rem 0 0.47rem;
    font-size: 0.16rem;
    color: #333333;
}

.app_listtit b {
    font-size: 0.3rem;
    color: #000000;
    padding-right: 0.5rem;
}

.app_listcon ul {
    display: flex;
    flex-wrap: wrap;
}

.app_listcon ul li {
    width: 32%;
    margin: 0.5rem 2% 0 0;
    background: #fff;
    transition: all 0.3s linear;
}

.app_listcon ul li:nth-of-type(3n) {
    margin-right: 0;
}

.app_listconpic {
    overflow: hidden;
}

.app_listconpic img {
    transition: all 0.3s linear;
}

.app_listcon ul li:hover {
    box-shadow: 0 0 0.2rem #e6e6e6;
}

.app_listcon ul li:hover .app_listconpic img {
    transform: scale(1.15);
}

.app_listcon ul li p a {
    display: block;
    width: 100%;
    font-size: 0.18rem;
    color: #000;
    line-height: 0.8rem;
    text-align: center;
}

.app_listcon ul li a p{display: block;
    width: 100%;
    font-size: 0.18rem;
    color: #000;
    line-height: 0.8rem;
    text-align: center;}



.AllSeaList{margin:1rem auto 0.4rem auto;width: 70%;}
.AllSeaList li{border-bottom: 1px solid #000;padding:0 0 0.3rem 0;display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.3rem;font-size: 0.24rem;}
.floatl{}
.floatl a{color:#000;}
.floatr{}
.pager1{display: flex;align-items: center;justify-content: center;padding:0 0 1rem 0;}
.pager1 li{margin:0 0.2rem;font-size: 0.24rem;color:#000;}
.pager1 li a{color:#000;}
.pager1 li.active{color:#ff0000;}

.BMap_cpyCtrl{display:none;

}.anchorBL{display:none;

}

@media(max-width:1366px) {
    .news .tit {
        padding-top: 1rem;
    }

    .swiper-container-c {
        margin: 0.4rem auto;
    }
}


@media(max-width:1024px) {
    .ny_searchtop {
        width: 90%;
    }

    .header {
        z-index: 99;
    }

    .w_1720 {
        width: 90% !important;
    }

    .w_1300 {
        width: 90% !important;
    }

    .w_1520 {
        width: 90%;
    }

    .nav_2 a:hover {
        background: none;
        color: #003b91;
    }

    .nav {
        width: 100vw;
        height: calc(100vh - 0.9rem);
        background: #fff;
        position: fixed;
        right: 0;
        top: 0.9rem;
        border-top: 1px solid #002d89;
        padding: 0 5%;
        box-sizing: border-box;
        display: block;
        transform: translateX(100%);
        transition: all 0.5s linear;
    }

    .nav.on {
        transform: translateX(0);
    }

    /*.nav::after{display: block;width: 50vw;height: 100%;content: '';background:rgba(0,0,0,0.5);position: absolute;left:-50vw;top:0;z-index: 99;}*/
    .nav h2 {
        width: 100%;
        margin: 0;
        line-height: 0.28rem;
        padding: 0.4rem 0 0.2rem 0;
        border-bottom: 1px solid #676767;
        position: relative;
        height: auto;
    }

    .nav h2 a {
        font-size: 0.32rem;
        justify-content: left;
    }
    .nav h2 a:nth-of-type(1){width: 30%;}
    .nav_2 a:nth-of-type(1){width:auto !important;}

    .nav h2  b{display: block;width: 0.2rem;position: absolute;right: 0;top:0.3rem;z-index: 30;cursor: pointer;}
    .nav_2 {
        width: 100%;
        position: relative;
        top: auto;
        opacity: 1;
        left: 0;
        margin-left: 0;
        transform: translateX(0);
        text-align: left;
        padding: 0;
        margin-top: 0.16rem;
        z-index: 10;
    }

    .nav_2 a {
        display: inline-block !important;
        margin: 0.2rem 0.5rem 0 0;
        font-size: 0.26rem !important;
    }

    .nav h2 a {
        height: auto;
        width: auto;
    }

    .nav h2:nth-of-type(1) {
        display: none;
    }

    .logo {
        margin-right: 2rem;
    }

    .lan_con {
        border: none;
        width: auto;
        padding: 0;
    }

    .lan_con img:nth-of-type(2) {
        display: none;
    }

    .search {}

    .lan_con img {
        width: 0.24rem;
    }

    .lan_con span {
        font-size: 0.3rem;
        width: auto;
    }

    .mob_navbtn {
        position: relative;
        height: 0.3rem;
        width: 0.4rem;
        cursor: pointer;
        order: 4;
    }

    .mob_navbtn span {
        display: block;
        width: 100%;
        height: 2px;
        background: #000;
        position: absolute;
    }

    .mob_navbtn span:nth-of-type(1) {
        top: 0;
        transition: all 0.3s linear;
    }

    .mob_navbtn span:nth-of-type(2) {
        top: 44%;
    }

    .mob_navbtn span:nth-of-type(3) {
        bottom: 0;
        transition: all 0.3s linear;
    }

    .mob_navbtn.on span:nth-of-type(1) {
        transform: rotate(45deg);
        top: 40%;
    }

    .mob_navbtn.on span:nth-of-type(2) {
        display: none;
    }

    .mob_navbtn.on span:nth-of-type(3) {
        transform: rotate(-45deg);
        bottom: 50%;
    }

    .ban {
        height: 7rem;
    }

    .ban_pic img {
        width: auto;
        height: 100%;
        max-width: 300%;
    }

    .swiper-container-a {
        height: 100%;
    }

    .ban_xb {
        left: -40%;
        bottom: 2rem;
    }

    .ban_js {
        left: 16.8%;
        top: 0.8rem;
        width: 80%;
    }

    .ban_js h2 {
        font-size: 0.44rem;
    }

    .ban_js p {
        font-size: 0.26rem;
        padding: 0.1rem 0 0.5rem 0;
    }

    .ban_s {
        width: 2.2rem;
        right: 5%;
        bottom: 0.4rem;
        top: auto;
    }

    .swiper-container-a .swiper-pagination {
        bottom: 0.4rem;
        left: 15.9%;
    }

    .ban_js a {
        height: 0.5rem;
        font-size: 0.24rem;
        line-height: 0.5rem;
        width: 2.5rem;
    }

    .pro {
        height: auto;
    }

    .pro::after {
        width: 1.7rem;
        height: 3rem;
        background-size: cover;
    }

    .tit h2 {
        font-size: 0.4rem;
    }

    .pro_wzjs {
        font-size: 0.24rem;
        line-height: 0.36rem;
    }

    .pro_js {
        transform: translateY(0.9rem);
    }

    .pro_js h2 {
        font-size: 0.3rem;
    }

    .pro_js p {
        font-size: 0.2rem;
    }

    .swiper-container-b .swiper-slide-active .pro_js {
        transform: translateY(0);
        background: rgba(0, 67, 150, 0.5);
    }

    .swiper-container-b .swiper-slide-active .pro_bg {
        display: none;
    }

    .pro_js a,
    .ab_btn a,
    .news_btn {
        width: 2.5rem;
        height: 0.5rem;
        font-size: 0.24rem;
        line-height: 0.5rem;
    }

    .about {
        height: auto;
        flex-wrap: wrap;
        padding: 0.5rem 5%;
        box-sizing: border-box;
        background-position: right center;
    }

    .about_pic {
        width: 100%;
    }

    .about_js {
        width: 100%;
        margin: 0.4rem 0 0 0;
    }

    .about_js p {
        font-size: 0.24rem;
        line-height: 0.36rem;
        text-align: justify;
    }

    .news {
        height: auto;
        padding: 0 5% 0.3rem 5%;
        box-sizing: border-box;
    }

    .news_wz {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .homenew_con a h2 {
        font-size: 0.24rem;
        line-height: 0.36rem;
    }

    .homenew_con a p {
        font-size: 0.2rem;
        padding-top: 0.1rem;
    }

    .news_btn a {
        font-size: 0.24rem;
        line-height: 0.5rem;
    }

    .news .tit {
        padding-top: 0.6rem;
    }

    .swiper-container-c .swiper-slide {
        flex-wrap: wrap;
    }

    .homenew_con {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.2rem;
    }


    .fot .w_1720 {
        flex-wrap: wrap;
        padding: 0.4rem 0;
    }

    .fot_l {
        width: 100%;
    }

    .fot_logo {
        display: none;
    }

    .fot_nav {
        width: 100%;
    }

    .fot_nav ul {
        flex-wrap: wrap;
        display: flex;
    }

    .fot_nav ul li {
        width: 33.33%;
        margin: 0 0 0.3rem 0;
    }

    .fot_nav ul li h2 {
        font-size: 0.26rem;
        padding-bottom: 0.16rem;
    }

    .fot_navlist a {
        font-size: 0.24rem;
    }

    .for_r {
        width: 100%;
        justify-content: center;
        display: none;
    }

    .wx,
    .wb {
        width: 0.5rem;
    }

    .wx_ewm {
        display: none;
    }


    .zx_tc {
        width: 4rem;
    }

    .zx_tctop h2 {
        font-size: 0.24rem;
    }

    .zx_tctop p {
        font-size: 0.2rem;
        line-height: 0.3rem;
    }

    .zx_tcfot input,
    .zx_tcfot select {
        height: 0.5rem;
        font-size: 0.24rem;
    }

    .zx_sub {
        width: 2.5rem;
        height: 0.5rem;
        font-size: 0.24rem;
        margin: 0.2rem auto;
    }

    .zx_sub img {
        width: 0.24rem;
    }

    .zx_pf {
        display: none;
    }


    /*关于我们*/
    .ny_ban .ny_topdht {
        left: 5%;
    }

    .ny_ban .ny_topdht a {
        font-size: 0.2rem;
    }

    .ny_ban .ny_topdht img {
        width: 0.1rem;
    }

    .ny_gynav a {
        padding: 0;
        width: 25%;
        text-align: center;
    }

    .ny_gynav a:nth-of-type(1) {
        border-left: none;
    }

    .ny_gynav a:nth-last-of-type(1) {
        border-right: none;
    }

    .ny_gynav a {
        font-size: 0.24rem;
    }

    .ab_js {
        padding: 0.85rem 0;
    }

    .ab_js .w_1300 {
        flex-wrap: wrap;
    }

    .ab_pic {
        width: 100%;
        height: 6rem;
        overflow: hidden;
        position: relative;
    }

    .ab_pic img {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .ab_jsr {
        width: 100%;
    }

    .ab_jsr p {
        font-size: 0.24rem;
        line-height: 0.4rem;
    }

    .ab_yylist dl dd p {
        font-size: 0.24rem;
        padding-top: 0.2rem;
    }

    .ab_gs .w_1300 {
        flex-wrap: wrap;
    }

    .ab_gsl {
        width: 100%;
        order: 2;
    }

    .ab_gspic {
        width: 100%;
        order: 1;
        height: 6rem;
        overflow: hidden;
    }

    .ab_gsl h2 {
        padding: 0.47rem 0 0.3rem 0;
    }

    .ab_gsl h3 {
        font-size: 0.24rem;
    }

    .ab_gsl p {
        font-size: 0.24rem;
        line-height: 0.4rem;
    }

    .ab_yybtn {
        margin: 0.4rem 0;
    }

    .ab_yybtn a {
        font-size: 0.24rem;
    }

    .ab_map {
        top: 0;
        padding: 0.4rem 0;
        margin-bottom: 0;
    }

    .ab_map .w_1300 {
        flex-wrap: wrap;
    }

    .map_l {
        width: 100%;
        order: 2;
        height: auto;
    }

    .map_r {
        width: 100%;
        order: 1;
    }

    .dq span {
        width: 1.76rem;
        font-size: 0.24rem;
    }

    .map_list dl dd {
        font-size: 0.24rem;
        line-height: 0.6rem;
    }

    .map_tc {
        width: 5rem;
    }

    .map_tc h2 {
        font-size: 0.24rem;
    }

    .map_tc p {
        font-size: 0.22rem;
        line-height: 0.36rem;
    }

    /*企业文化*/
    .culture {
        padding: 0.7rem 0;
    }

    .culture p {
        font-size: 0.24rem;
        line-height: 0.36rem;
    }

    .culture ul {
        flex-wrap: wrap;
    }

    .culture ul li {
        width: 100%;
        margin-bottom: 0.3rem;
    }

    .culture ul li h2 {
        font-size: 0.28rem;
    }

    .culture ul li h4 {
        font-size: 0.24rem;
        line-height: 0.36rem;
    }

    .histit {
        padding: 0.7rem 0 0.4rem 0;
    }

    /*发展历程*/
    .his_con {
        width: 100%;
    }

    .his_data {
        width: 30%;
        padding: 0 0.3rem 0 0;
    }

    .his_datayuan {
        width: 1.6rem;
        margin: -0.9rem 0 0 -1rem;
    }

    .his_data ul li {
        margin-bottom: 0.3rem;
    }

    .his_data ul li h2 {
        font-size: 0.7rem;
    }

    .his_datayear {
        font-size: 0.7rem;
    }

    .his_r {
        width: 73%;
    }

    .his_r h2 {
        font-size: 0.2rem;
    }

    .his_r p {
        font-size: 0.22rem;
        line-height: 0.34rem;
    }

    /*荣誉*/
    .honor_top h2 {
        padding: 0.7rem 0 0.4rem 0;
    }

    .honor_top p {
        flex-flow: wrap;
    }

    .honor_top p span:nth-of-type(1) {
        width: 100%;
        font-size: 0.24rem;
        line-height: 0.4rem;
    }

    .honor_top p span:nth-of-type(2) {
        font-size: 0.24rem;
    }

    /*产品服务*/
    .pro_lv2tit {
        padding: 0.7rem 0 0.4rem 0;
    }

    .pro_lv2tit p {
        font-size: 0.24rem;
    }

    .pro_nav a {
        margin: 0 0.2rem;
        font-size: 0.24rem;
    }
    .pro_nav2 a {
        margin: 0 0.2rem;
        font-size: 0.28rem;
    }

    .projs_list ul li {
        width: 48%;
        margin: 0.3rem 4% 0 0;
    }

    .projs_list ul li:nth-of-type(2n) {
        margin-right: 0;
    }

    .projs_list ul li:nth-of-type(3n) {
        margin-right: 4%;
    }

    .projs_more {
        bottom: 0.2rem;
        width: 0.4rem;
        height: 0.4rem;
        font-size: 0.36rem;
        line-height: 0.4rem;
    }

    .projs_list ul li p {
        font-size: 0.2rem;
        padding-bottom: 0.6rem;
    }

    .zk_btn span {
        font-size: 0.24rem;
    }

    .zk_btn img {
        width: 0.24rem;
    }

    .tj_tit {
        font-size: 0.36rem;
        padding-top: 0.7rem;
    }

    /*列表*/
    .pro_r {
        width: 2.6rem;
    }

    .pro_list ul li {
        padding: 0 0.3rem;
        width: 100%;
    }

    .pro_l p {
        font-size: 0.2rem;
    }

    .bq a {
        font-size: 0.2rem;
        height: 0.4rem;
        line-height: 0.4rem;
    }

    .pro_ser {
        height: 13rem;
    }

    .pro_ser h2 {
        padding: 0.7rem 0 0 0.4rem;
    }

    .pro_serlist {
        width: 90%;
        right: 5%;
        bottom: 0.8rem;
    }

    .pro_serlist ul li p {
        font-size: 0.24rem;
        line-height: 0.36rem;
    }

    /*产品详情*/
    .ny_topdh a {
        font-size: 0.22rem;
    }

    .ny_topdh img {
        width: 0.12rem;
    }

    .pro_infocontop h2 {
        padding: 0.7rem 0 0 0;
    }

    .pro_infocontop h4 {
        padding-bottom: 0.4rem;
    }

    .pro_infojs {
        flex-wrap: wrap;
    }

    .pro_infocon {
        padding: 0 0.3rem;
    }

    .pro_jspic {
        width: 80%;
        margin: 0 auto;
    }

    .pro_jswz {
        width: 100%;
        margin: 0 auto;
    }

    .pro_jswz ul li h2 {
        font-size: 0.26rem;
    }

    .pro_jswz ul li p {
        width: 5.7rem;
        font-size: 0.24rem;
        line-height: 0.4rem;
    }

    .pro_jswz ul li p b {
        font-size: 0.26rem;
    }

    .pro_csxx h2 {
        font-size: 0.24rem;
    }

    .pro_infcs {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .pro_infcscon {
        width: 200%;
    }

    .pro_infcs table{width: 200%;}

    .pro_csxx ol li span {
        padding: 0 0.1rem;
        box-sizing: border-box;
    }

    .pro_infcscon dl dd {
        width: 21.5%;
    }

    .pro_infcscon dl dd:nth-of-type(1),
    .pro_csxx h2 {
        width: 15%;
    }

    .pro_csxx ol {
        width: 85%;
    }

    .pro_infowz {
        font-size: 0.18rem;
    }

    /*应用领域*/
    .application_contop {
        width: 100%;
        padding-bottom: 0.5rem;
    }

    .application_sear input {
        font-size: 0.24rem;
    }

    .application_qh {
        width: 100%;
        margin: 3.4rem auto 0 auto;
    }

    .application_qh h3 {
        font-size: 0.28rem;
    }

    .application_qh p {
        font-size: 0.24rem;
        line-height: 0.36rem;
    }

    .application_fl {
        width: 100%;
        height: auto;
        background: #002d89;
        position: absolute;
        left: 0;
        top: 1.2rem;
        margin-left: 0;
        transform: rotate(0);
        border-radius: 0;
        padding: 0.3rem 0.2rem;
        z-index: 40;
    }

    .application_fl ul {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        padding-bottom: 0.7rem;
    }

    .application_fl ul li {
        display: inline-flex;
        box-sizing: border-box;
        vertical-align: top;
    }

    .application_nav {
        display: none;
    }

    .application_nav a {
        font-size: 0.2rem;
    }

    .application_nav img {
        width: 0.12rem;
    }

    .application_fl::before {
        display: none;
    }

    .application_fl::after {
        display: none;
    }

    .application_fl ul li {
        position: relative !important;
        margin-right: 0.16rem;
    }

    .application_fl ul li:nth-of-type(1),
    .application_fl ul li:nth-of-type(2),
    .application_fl ul li:nth-of-type(3),
    .application_fl ul li:nth-of-type(4),
    .application_fl ul li:nth-of-type(5),
    .application_fl ul li:nth-of-type(6),
    .application_fl ul li:nth-of-type(7),
    .application_fl ul li:nth-of-type(8),
    .application_fl ul li:nth-of-type(9) {
        left: auto;
        top: 0;
        right: auto;
        bottom: auto;
    }

    .application_btn {
        width: 2.5rem;
        height: 0.5rem;
        font-size: 0.24rem;
        line-height: 0.5rem;
    }

    .application_btn a {
        font-size: 0.24rem;
        line-height: 0.5rem;
    }

    .application_fl ul li a p {
        width: 80%;
        margin: 0 auto;
        position: none;
    }

    .application_fl ul li a p span {
        font-size: 12px;
        width: 100%;
        position: absolute;
        left: 0;
        top: 1.2rem;
        padding: 0 0;
        box-sizing: border-box;
        text-align: center;
        line-height: 0.3rem;
        white-space: normal;
    }

    .application_fl ul li.on a p span {
        color: #fff;
    }

    /*引用领域列表*/
    .app_listcon ul li {
        width: 100%;
    }

    .app_listtit b {
        font-size: 0.36rem;
    }

    .app_listtit {
        font-size: 0.24rem;
    }

    .app_listcon ul li p a{
        font-size: 0.24rem;
    }

    .app_listcon ul li a p{
        font-size: 0.24rem;
    }

    /*资料库*/
    .dow h2 {
        padding: 0.7rem 0 0.4rem 0;
        font-size: 0.36rem;
    }

    .dow_list ul li {
        width: 100%;
        margin-right: 0;
    }

    .dow_fot h3 {
        font-size: 0.24rem;
        line-height: 0.36rem;
    }

    .dow_btn {
        right: 0.3rem;
    }

    .new_more {
        font-size: 0.24rem;
    }

    .new_more img {
        font-size: 0.24rem;
    }

    /*新闻列表*/
    .new_toptit {
        padding: 0.7rem 0 0.4rem 0;
        font-size: 0.36rem
    }

    .news_con {
        flex-wrap: wrap;
    }

    .new_pic {
        width: 100%;
        margin: 0 0 0.3rem 0;
    }

    .news_conr h3 {
        font-size: 0.2rem;
    }

    .news_conr h2 {
        font-size: 0.26rem;
        line-height: 0.4rem;
    }

    .news_conr p {
        font-size: 0.24rem;
        line-height: 0.36rem;
    }

    .news_conr a {
        width: 2.5rem;
        height: 0.5rem;
        font-size: 0.24rem;
        line-height: 0.5rem;
    }

    .news_con:hover .new_pic {
        transform: translateX(0);
    }

    .news_con:hover .news_conr {
        transform: translateX(0);
    }

    .new_fott {
        position: relative;
        z-index: 10;
    }

    .new_fott {
        margin: 0.7rem 0 0.4rem 0;
    }

    .new_fotselon span {
        font-size: 0.24rem;
    }

    .new_fotselon img {
        width: 0.12rem;
    }

    .new_fottr {
        width: 2.4rem;
    }

    .new_fottr input {
        font-size: 0.24rem;
    }

    .new_xl dl dd {
        font-size: 0.24rem;
        line-height: 0.5rem;
    }

    .news_list ul li {
        flex-wrap: wrap;
        padding: 0.3rem;
        height: auto;
    }

    .news_pic {
        width: 100%;
    }

    .news_js {
        width: 100%;
        margin: 0.3rem auto;
        padding: 0;
        font-size: 0.26rem;
    }

    .news_js span {
        font-size: 0.2rem;
    }

    .news_jsbtn {
        width: 2.5rem;
        height: 0.5rem;
    }

    .news_jsbtn a {
        font-size: 0.24rem;
        line-height: 0.5rem;
    }

    .news_list ul li:hover .news_pic {
        transform: translateX(0);
    }

    .news_list ul li:hover .news_js {
        transform: translateX(0);
    }

    /*新闻详情*/
    .news_info .w_1300 {
        flex-wrap: wrap;
    }

    .news_infol {
        width: 100%;
    }

    .news_infoltopbq h3 span {
        width: 1.4rem;
        font-size: 0.16rem;
        line-height: 0.4rem;
    }

    .news_infoltopbq p {
        font-size: 0.2rem;
    }

    .news_infoltopbq p span img {
        width: 0.3rem;
    }

    .news_infofotr p {
        font-size: 0.24rem;
        line-height: 0.38rem;
    }

    .fanhui_btn {
        width: 2.5rem;
    }

    .fanhui_btn a {
        font-size: 0.24rem;
    }

    .news_infofot {
        padding-bottom: 0;
    }

    .news_infor {
        width: 100%;
    }

    .news_infor h2 {
        font-size: 0.36rem;
    }

    .news_infornav a span {
        font-size: 0.24rem;
    }

    .news_inforlist ul li {
        margin-bottom: 0.4rem;
    }

    .news_inforlist ul li h3 {
        font-size: 0.26rem;
    }

    .news_inforlist ul li h4 {
        font-size: 0.24rem;
        line-height: 0.36rem;
    }

    .news_inforlist ul li p {
        font-size: 0.2rem;
    }

    .news_inforlist ul li p span {
        width: 1.4rem;
        font-size: 0.2rem;
        height: 0.4rem;
        line-height: 0.4rem;
    }

    .news_fott .w_1300 {
        flex-wrap: wrap;
        padding: 0.2rem 0;
    }

    .news_fottl {
        width: 100%;
        text-align: center;
    }

    .news_fottl h2 {
        font-size: 0.24rem;
    }

    .news_fottl h3 {
        justify-content: center;
        font-size: 0.4rem;
    }

    .news_fottl h3 span a {
        width: 0.4rem;
    }

    .news_fottr {
        width: 100%;
        margin-top: 0.3rem;
        justify-content: center;
    }

    .news_fottr a {
        width: 2.5rem;
        height: 0.5rem;
        font-size: 0.24rem;
    }

    .news_fottr a img {
        width: 0.2rem;
    }

    .news_fottr a:nth-of-type(2) img {
        width: 0.24rem;
    }

    .newszx_tctop h2 {
        font-size: 0.24rem;
    }

    .newszx_tctop p {
        font-size: 0.2rem;
        line-height: 0.3rem;
    }

    .newszx_tcfot input,
    .newszx_tcfot select {
        height: 0.5rem;
        font-size: 0.24rem;
    }

    .newszx_sub {
        width: 2.5rem;
        height: 0.5rem;
        font-size: 0.24rem;
        margin: 0.1rem;
    }


    /*联系我们*/
    .contact_tit {
        padding: 0.7rem 0 0.4rem 0;
        font-size: 0.36rem;
    }

    .contact h2 {
        font-size: 0.24rem;
    }

    .contact h3 {
        font-size: 0.26rem;
    }

    .contact_list ul {
        flex-wrap: wrap;
    }

    .contact_list li {
        width: 100%;
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 0.3rem;
    }

    .contact_list li:nth-of-type(1) {
        width: 100%;
        border-right: none;
        margin-right: 0;
    }

    .contact_list li h4 span {
        font-size: 0.24rem;
    }

    .contact_list li h4 img {
        width: 0.26rem;
    }

    .contact_map {
        margin-top: 0.7rem;
    }

    .contact dl dd img {
        width: 0.6rem;
    }

    .contact dl dd p span {
        font-size: 0.26rem;
    }

    .contact dl dd p {
        font-size: 0.24rem;
        line-height: 0.36rem;
    }

    /*招聘列表*/
    .jion_list ul li h4 img {
        width: 0.26rem;
    }

    .jion_list ul li h4 span {
        font-size: 0.24rem;
    }

    .jion_list ul li h4:nth-last-of-type(1) {
        width: 4rem;
    }

    .jion_zw {
        margin: 0.7rem 0;
    }

    .jion_zw ul li {
        background: #e6e6e6;
        line-height: 0.36rem;
        padding: 0.3rem;
        box-sizing: border-box;
        flex-wrap: wrap;
        border-color: #fff;
        margin-bottom: 1px;
    }

    .jion_zw ul li a {
        justify-content: left;
    }

    .jion_zw ul li:nth-of-type(1) {
        display: none;
    }

    .jion_zw ul li a {
        flex-wrap: wrap;
    }

    .jion_zw ul li span {
        color: #000;
        text-align: left;
        width: 100%;
        font-size: 0.24rem;
        margin-top: 0.2rem;
    }

    .jion_zw ul li span:nth-of-type(1) {
        width: 100%;
        margin-top: 0;
    }

    .jion_zw ul li span b {
        display: inline-block;
        width: 1.3rem;
    }

    .zp_xq{margin-top:0.3rem;}
    .zp_xq h4{font-size: 0.24rem;}
    .zp_xq p{font-size: 0.24rem;}

    .beian {
        line-height: 0.3rem;
        padding: 0.1rem 0.1rem;
        box-sizing: border-box;
    }


    .AllSeaList li{flex-wrap: wrap;}
    .floatl{width: 100%;}
    .floatr{width: 100%;margin-top:0.2rem;}

    .homenews_pic{height: 4rem;}
    .homenew_con a h2 b{font-size: 0.28rem;height: 0.9rem;}

    .projs_pic{height: 2.5rem;}
    .projs_listtj .projs_pic{height: 2.5rem;}
    .news_pic{max-height: 4rem;}
    .swiper-container-b .swiper-wrapper{justify-content: flex-start;}

}















@keyframes circle-opacity {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(1.2);
    }
}

@keyframes circle-opacity02 {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.1);
    }
}